$(function(){
	$("#header").load("header.html",function(){
		var link=document.createElement("link");
		link.rel="stylesheet";
		link.href="css/header.css";
    document.head.appendChild(link);
    
    $('header>ul.main-nav').on('mouseenter','li:eq(1),li:eq(2),li:eq(3)',function(e){
        e.preventDefault()
        var trigger=$(this).data('trigger');
        var height=$("header>.container>"+trigger).innerHeight();//padding-box高度
        $("header>.container>"+trigger).show().siblings('div').hide();
        $('header>.container').css('height',height)
    })

    $("header>.container").on('mouseenter','div.menu',function(e){
      e.preventDefault()
      var classAll=$(this).prop('class');
      var classFirst=classAll.split(' ',1)
      // console.log(classFirst);
      $(`header>ul.main-nav>[data-trigger='.${classFirst}']`).css('border-bottom','4px solid black')
    })

    $("header>.container").on('mouseleave','div.menu',function(e){
      e.preventDefault()
      $(this).hide().parent().css('height',0)
      var classAll=$(this).prop('class');
      var classFirst=classAll.split(' ',1)
      $(`header>ul.main-nav>[data-trigger='.${classFirst}']`).css('border-bottom','4px solid #EDEDED')
    })

    $("header>.header-top").on('mouseenter',function(e){
      e.preventDefault()
      $("header>.container>:visible").hide().parent().css('height',0);
    })

    $("header ul.main-nav>li:eq(0)").on('mouseenter',function(e){
      e.preventDefault()
      $("header>.container>:visible").hide().parent().css('height',0);
    })

    $("header ul.main-nav>li:eq(4)").on('mouseenter',function(e){
      e.preventDefault()
      $("header>.container>:visible").hide().parent().css('height',0);
    })
  
    // 滚动后，头部的隐藏与显示
    var newp=0;oldp=0;
    $(window).scroll(function(){
     newp=$(this).scrollTop();
        if(oldp<=newp){//  console.log('下滚')
           		$("#header").addClass("header-hide");
        }
        else{// console.log('上滚')
            $("#header").removeClass("header-hide");
        }
        oldp = newp;//  setTimeout(function(){oldp=newp;},0)
    })


	})
})
